<template>
	
	<div>
		<!-- 不可输入 -->
		<ml-select v-model="value" @change="change" placeholder="请选择">
			<ml-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" >
			</ml-option>
		</ml-select>
		<!-- 可输入 -->
		<!-- <ml-select v-model="value" @change="change" placeholder="请选择" readonly>
			<ml-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" >
			</ml-option>
		</ml-select> -->
	</div>
</template>

<script>
	export default{
		data(){
			return{
				options: [{
				          value: '选项1',
				          label: '黄金糕'
				        },
						{
				          value: '选项2',
				          label: '双皮奶'
				        }, {
				          value: '选项3',
				          label: '蚵仔煎'
				        }, {
				          value: '选项4',
				          label: '龙须面'
				        },
						{
				          value: '选项5',
				          label: '北京烤鸭'
				        }],
				value: '',
			}
		},
		created() {
			
		},
		methods:{
			change(e){
				// console.log(e)
				// this.value = e.label
				console.log(this.value)
			},
			alert(e){
				console.log(e)
			}
		}
	}
</script>

<style>
</style>
